<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="./styles/carts-detail.css">
    <link rel="stylesheet" href="./styles/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="./javascripts/libs/public.js"></script>
    <script src="./javascripts/libs/jquery.cookie.js"></script>

    <!-- <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> -->

</head>

<body>
    <!-- 顶部通版区 -->
    <div class="ding-tong">
        <div class="ding-safe">
            <ul>
                <li> 欢迎进入钻石小鸟官网</li>
                <li> <a href="login.html">登录</a></li>
                <li><a href="register.html">注册</a></li>
            </ul>

            <dl>
                <dd>
                    MemberOfZbird
                </dd>
                <dd>
                    <span></span>
                </dd>
                <dd class="signout">
                    <a href="">退出登录</a>
                </dd>
            </dl>
            <script>
                var timer = new Date()
                var hour = timer.getHours()
                if (hour <= 12 && hour > 0) {
                    $('dl dd span').html('上午好:')

                }
                if (hour > 12 && hour <= 18) {
                    $('dl dd span').html('下午好:')
                }
                if (hour > 18 && hour < 24) {
                    $('dl dd span').html('晚上好:')
                }
            </script>
            <script>
                // 验证是否登录
                var cookie_string = getCookie("USR");
                var nav_list = document.querySelector(".ding-safe ul");
                var user_name = document.querySelector(".ding-safe dl");
                try {
                    var cookie_array = JSON.parse(cookie_string);
                    user_name.className += " active";
                } catch (e) {
                    nav_list.className += " active";
                }

                // 退出登陆;         
                var signout = document.querySelector(".signout");
                signout.onclick = function () {
                    removeCookie("USR", "/");
                    location.onload();
                };
            </script>

            <p>
                <img src="http://img.zbird.cn/ww3/pubheaderfooter/header_box.png" alt="">
                <a href="./goods-list.html">购物车</a>
                <span class="count" style="color: #ff8a81;"> 0 </span>
                <i class="iconfont icon-xiajiantou"></i>
            </p>
            <ol>
                <li>我的订单</li>
                <li>我的鸟巢</li>
                <li>钻石课堂</li>
                <li>手机官网</li>
            </ol>
        </div>
    </div>
    <header>
        <div class="header-safe">
            <div class="logo">
                <a href="./index.html">
                    <img src="http://im1.zbird.cn/picdb/555/518/f6aa96185bbd30da859cc7278a7d1d4a.png" alt="">
                </a>
            </div>

            <div class="biaoyu">
                <img src="http://img.zbird.cn/ww3/pubheaderfooter/pcslogan.png" alt="">
            </div>


        </div>
    </header>

    <div class="main">
        <div class="col-md-3 tit">
            <h5>商品</h5>
        </div>

        <div class="kezi col-md-2 tit">
            <h5>数量</h5>
        </div>

        <div class="size col-md-2 tit">
            <h5>尺寸</h5>
        </div>

        <div class="yprice col-md-1 tit">
            <h5>原价</h5>

        </div>

        <div class="nprice col-md-1 tit">
            <h5>现价</h5>

        </div>

        <div class="total col-md-2 tit">
            <h5>小计</h5>
        </div>
        <div class="del col-md-1 tit">
            <h5>操作</h5>
        </div>
    </div>

    <div class="goods_item">
        <!-- <ul>
            <li class="col-md-3">
                <img src="http://img.zbird.cn/picdb/308/53/30853_303_.jpg" alt="">
                <a href="">文字文字文字文字文字文字文字文字</a>
            </li>
            <li class="col-md-2"></li>
            <li class="col-md-2"></li>
            <li class="col-md-1 price-m"></li>
            <li class="col-md-1 price-p"></li>
            <li class="col-md-2"></li>
            <li class="col-md-1">
                <a href="">删除</a>
            </li>
        </ul> -->
    </div>

    <div class="cart-footer">
        <div class="clear">
            清空购物车
        </div>

        <div class="continue">
            继续购物
        </div>

        <div class="zongji">
            <p>订单总额</p><span>¥</span><i>123</i>
        </div>
    </div>



    <script src="./javascripts/carts-detail.js"></script>
</body>

</html>